<%-- 
    Document   : configuration
    Created on : 01-ago-2014, 15:16:01
    Author     : Rómulo Galindo Tanta
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Config</title>
        <style>

            @font-face {
                font-family: "Ubuntu";
                font-style: normal;
                font-weight: 300;
                src: local("Ubuntu Light"), local("Ubuntu-Light"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
            }
            @font-face {
                font-family: "Ubuntu";
                font-style: normal;
                font-weight: 400;
                src: local("Ubuntu"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff") format("woff");
            }
            @font-face {
                font-family: "Ubuntu";
                font-style: normal;
                font-weight: 700;
                src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v5/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
            }
            @font-face {
                font-family: "Ubuntu";
                font-style: italic;
                font-weight: 300;
                src: local("Ubuntu Light Italic"), local("Ubuntu-LightItalic"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v5/DZ_YjBPqZ88vcZCcIXm6VobN6UDyHWBl620a-IRfuBk.woff") format("woff");
            }
            @font-face {
                font-family: "Ubuntu";
                font-style: italic;
                font-weight: 400;
                src: local("Ubuntu Italic"), local("Ubuntu-Italic"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v5/kbP_6ONYVgE-bLa9ZRbvvvesZW2xOQ-xsNqO47m55DA.woff") format("woff");
            }
            @font-face {
                font-family: "Ubuntu";
                font-style: italic;
                font-weight: 700;
                src: local("Ubuntu Bold Italic"), local("Ubuntu-BoldItalic"), url("https://themes.googleusercontent.com/static/fonts/ubuntu/v5/OMD20Sg9RTs7sUORCEN-7YbN6UDyHWBl620a-IRfuBk.woff") format("woff");
            }
            @font-face {
                font-family: "Ubuntu Mono";
                font-style: normal;
                font-weight: 400;
                src: local("Ubuntu Mono"), local("UbuntuMono-Regular"), url("https://fonts.gstatic.com/s/ubuntumono/v5/ViZhet7Ak-LRXZMXzuAfkYbN6UDyHWBl620a-IRfuBk.woff") format("woff");
            }
        </style>
        <style>

            body {
                background-color: #e5e5e5;
                font: 13px Ubuntu;
                height: 100%;
                margin: 0;
                visibility: visible;
            }

            .aE_head{
                background-color: #fafafa;
                border-bottom: 1px solid transparent;
                border-top: 1px solid #e5e5e5;
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                height: 53px;
                padding-top: 1px;
                position: relative;
                z-index: 5;
            }

            .az_body_principal_columna{
                display:inline-block;
                vertical-align: top;
                width: 450px;
            }

            .az_body_principal_columna_2{
                display:inline-block;
                vertical-align: top;
                width: 450px;
                padding-left: 10px;
            }

            .eE_panel {
                margin-bottom: 20px;
                background-color: #e5e5e5;
                border-bottom: medium none;
                box-sizing: border-box;
                font-size: 13px;
                line-height: 1.4;
                margin: 10px 0 20px;
                outline: medium none;
                padding: 0;
                position: relative;
                word-wrap: break-word;

            }
            .az_pagina_contenedor{
                background-color: #fff;
                border-color: #d8d8d8;
                border-image: none;
                border-left: 1px solid #d8d8d8;
                border-radius: 3px;
                border-right: 1px solid #d8d8d8;
                border-style: solid;
                border-width: 0 1px 2px;
                box-sizing: border-box;
                vertical-align: top;
                /*width: 505px;*/                
            }
            .az_pagina_contenedor_interno{
                background-color: #fff;
                border-radius: 2px;
                margin: 0;
                padding: 0;
                vertical-align: top;
            }

            .eE_header {
                padding: 17px 20px 15px;
                vertical-align: top;
            }

            .eE_header_title {
                color: #262626;
                display: inline-block;
                /*font: 300 20px Roboto,arial,sans-serif;*/
                font-family: Ubuntu;
                font-size: 20px;
                font-weight: 300;
            }

            .eE_body {
                clear: both;
                color: #404040;
                overflow: hidden;
            }
            .eE_body_bloque {
                margin-bottom: 23px;
            }
            .eE_body_bloque_subtitle {
                border-bottom: 1px solid #dadada;
                margin-bottom: 12px;
                padding-bottom: 5px;
                font-size: 14px;
                font-weight: bold;
                color: #262626;
            }

            .eE_body_bloque_body {
                font-size: 13px;
                font-size: 13px;
                color: #404040;
            }

            .eE_body_bloque_body_table_td1_lectura {
                text-align: right;
                color: #404040;
                font-weight: bold;
                min-width: 0;
                padding-right: 10px;
                vertical-align: middle;
                width: 35%;
                /*border: 1px solid red;*/
            }

            .eE_body_bloque_body_table_td1_escritura {
                text-align: right;
                color: #404040;
                font-weight: 500;
                min-width: 0;
                padding-right: 10px;
                vertical-align: middle;
                width: 35%;
                /*border: 1px solid red;*/
            }

            .eE_body_bloque_body_table_td1_h_lectura{
                /*text-align: right;*/
                color: #404040;
                font-weight: bold;
                /*min-width: 0;*/
                /*padding-right: 10px;*/
                vertical-align: middle;
                width: 100%
            }

            .eE_body_bloque_body_table_td2 {
                height: 24px;
                text-align: left;
                vertical-align: middle;
                padding-right: 10px;
                font-family: Ubuntu;
                /*white-space: nowrap;*/
                white-space: normal;
                word-break: break-all;
                width: 65%;
            }

            .eE_body_bloque_body_table_td2 input[type="text"]{
                width: 100%;
            }
            .eE_body_bloque_body_table_td2 input[type="checkbox"]{
                width: auto;
                margin-left: 0;
            }

            .eE_body_bloque_body_table_td2_multiline {
                /*height: 24px;*/
                /*border: 1px solid red;*/
                text-align: left;
                vertical-align: middle;
                padding-right: 10px;
                font-family: Ubuntu;
                white-space: normal;
                width: 65%;                
                font-size: 10px;
            }

            .eE_body_bloque_body_table_td2_multiline ul{
                list-style-type: none;
                margin: 0;
                padding: 0;
            }
            .az_text{
                border: 1px solid #d5d5d5;
                box-shadow: 0 1px #f5f5f5 inset; 
                padding: 1px 4px;
            }
            .az_text_lectura{
                word-wrap: break-word;
                border-spacing: 0;
                font-size: 13px;
                line-height: 1.4;
                color: #404040;
                display: inline-block;
            }

            .az_btn{
                background-image: -moz-linear-gradient(center top , transparent, transparent); 
                border: 1px solid rgba(0, 0, 0, 0.15); 
                box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); 
                border-radius: 3px; 
                cursor: default;
                font-size: 13px;
                line-height: 28px;
                padding: 0 15px;
                font-weight: bold;
            }

            .az_btn[role="edit"]{
                background-color: #fff; 
                color: #404040;
            }

            .az_btn[role="save"]{
                background-color: #2c79b3; 
                color: #fff;
            }

            .az_btn:hover[role="edit"]{
                border: 1px solid #b8b8b8;
            }
            .az_btn:hover[role="save"]{
                border: 1px solid #2c79b3;
            }

            .az_btn:active[role="edit"]{
                box-shadow: 0 2px 0 #ddd inset;
            }

            .az_btn:active[role="save"]{
                box-shadow: 0 2px 0 #2c79b3 inset;
            }

            .az_btn:focus[role="edit"]{
                border: 1px solid #d9d9d9;
            }
            .az_btn:focus[role="save"]{
                border: 1px solid darkblue;
            }

            .az_icono_informativo{
                background: url("//ssl.gstatic.com/s2/oz/images/sprites/profiles_1p-5160fcb70427e709388d74f92cc12f06.png") no-repeat scroll -12px -777px rgba(0, 0, 0, 0);
                display: inline-block;
                height: 11px;
                width: 11px;
            }
        </style>
        <script>
            function basic_btn(az_btn) {
                var status = az_btn.getAttribute("role");
                if (status == "edit") {
                    //az_pagina_1
                    var columnasA = document.getElementById("az_pagina_1").getElementsByClassName("eE_body_bloque_body_table_td1_lectura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_escritura");
                        } catch (ep) {
                        }
                    }
                    //------------------
                    document.getElementById("item_1A").style.display = "none";
                    document.getElementById("item_1B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_2A").style.display = "none";
                    document.getElementById("item_2B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_3A").style.display = "none";
                    document.getElementById("item_3B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_4A").style.display = "none";
                    document.getElementById("item_4B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_5A").style.display = "none";
                    document.getElementById("item_5B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_6A").style.display = "none";
                    document.getElementById("item_6B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_7A").style.display = "none";
                    document.getElementById("item_7B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_8A").style.display = "none";
                    document.getElementById("item_8B").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_9A").style.display = "none";
                    document.getElementById("item_9B").style.display = "inline";
                    //------------------

                    az_btn.setAttribute("role", "save")
                    az_btn.innerHTML = "Grabar"
                } else {
                    //grabar
                    var ms_login = document.getElementById("item_1B").value;
                    var ms_host = document.getElementById("item_2B").value;
                    var wf_filter = document.getElementById("item_3B").value;
                    var wf_filter_host = document.getElementById("item_4B").value;
                    var wf_modini = document.getElementById("item_5B").value;
                    var wf_reply = document.getElementById("item_6B").value;
                    var wf_reply_script = document.getElementById("item_7B").value;
                    var cookie_name = document.getElementById("item_8B").value;
                    var cookie_domain = document.getElementById("item_9B").value;
                    var url = "../Configurator?xact=1&ms_login=" + ms_login + "&ms_host=" + ms_host + "&wf_filter=" + wf_filter + "&wf_filter_host=" + wf_filter_host + "&wf_modini=" + wf_modini + "&wf_reply=" + wf_reply + "&wf_reply_script=" + wf_reply_script + "&cookie_name=" + cookie_name + "&cookie_domain=" + cookie_domain;
                    console.log(url);
                    var rpta = getjsonfromurl(new getXMLObject(), url);
                    if (rpta != null) {
                        if (rpta.result == "OK") {
                            document.getElementById("item_1A").innerHTML = document.getElementById("item_1B").options[document.getElementById("item_1B").options.selectedIndex].innerHTML;
                            document.getElementById("item_2A").innerHTML = document.getElementById("item_2B").value;
                            document.getElementById("item_3A").innerHTML = document.getElementById("item_3B").options[document.getElementById("item_3B").options.selectedIndex].innerHTML
                            document.getElementById("item_4A").innerHTML = document.getElementById("item_4B").value;
                            document.getElementById("item_5A").innerHTML = document.getElementById("item_5B").value;
                            document.getElementById("item_6A").innerHTML = document.getElementById("item_6B").options[document.getElementById("item_6B").options.selectedIndex].innerHTML
                            document.getElementById("item_7A").innerHTML = document.getElementById("item_7B").value;
                            document.getElementById("item_8A").innerHTML = document.getElementById("item_8B").value;
                            document.getElementById("item_9A").innerHTML = document.getElementById("item_9B").value;
                            console.log("Actualizado correctamente");
                        } else {
                            alert("Ha sucedido un error!");
                        }
                    }

                    var columnasA = document.getElementById("az_pagina_1").getElementsByClassName("eE_body_bloque_body_table_td1_escritura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_lectura");
                        } catch (ep) {
                        }
                    }

                    //--------------------------------------
                    document.getElementById("item_1A").style.display = "inline-block";
                    document.getElementById("item_1B").style.display = "none";
                    //*******************************
                    document.getElementById("item_2A").style.display = "inline-block";
                    document.getElementById("item_2B").style.display = "none";
                    //*******************************
                    document.getElementById("item_3A").style.display = "inline-block";
                    document.getElementById("item_3B").style.display = "none";
                    //*******************************
                    document.getElementById("item_4A").style.display = "inline-block";
                    document.getElementById("item_4B").style.display = "none";
                    //*******************************
                    document.getElementById("item_5A").style.display = "inline-block";
                    document.getElementById("item_5B").style.display = "none";
                    //*******************************
                    document.getElementById("item_6A").style.display = "inline-block";
                    document.getElementById("item_6B").style.display = "none";
                    //*******************************
                    document.getElementById("item_7A").style.display = "inline-block";
                    document.getElementById("item_7B").style.display = "none";
                    //*******************************
                    document.getElementById("item_8A").style.display = "inline-block";
                    document.getElementById("item_8B").style.display = "none";
                    //*******************************
                    document.getElementById("item_9A").style.display = "inline-block";
                    document.getElementById("item_9B").style.display = "none";
                    //--------------------------------------

                    az_btn.setAttribute("role", "edit");
                    az_btn.innerHTML = "Editar";
                }
            }

            function basic_btn2(az_btn) {
                var status = az_btn.getAttribute("role");
                if (status == "edit") {
                    var columnasA = document.getElementById("az_pagina_2").getElementsByClassName("eE_body_bloque_body_table_td1_lectura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_escritura");
                        } catch (ep) {
                        }
                    }
                    //------------------
                    document.getElementById("item_1C").style.display = "none";
                    document.getElementById("item_1D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_2C_A").style.display = "none";
                    document.getElementById("item_2C_B").style.display = "inline";
//                    document.getElementById("item_2D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_3C").style.display = "none";
                    document.getElementById("item_3D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_4C").style.display = "none";
                    document.getElementById("item_4D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_5C").style.display = "none";
                    document.getElementById("item_5D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_6C").style.display = "none";
                    document.getElementById("item_6D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_7C").style.display = "none";
                    document.getElementById("item_7D").style.display = "inline";
                    //*******************************************************
                    document.getElementById("item_8C").style.display = "none";
                    document.getElementById("item_8D").style.display = "inline";
                    //*******************************************************

                    az_btn.setAttribute("role", "save")
                    az_btn.innerHTML = "Grabar"
                } else {
                    var mst_no_nombre = document.getElementById("item_1D").value;
                    var iz = "[";
                    var iz_t = document.getElementById("item_2C_B").getElementsByTagName("TABLE")[0].rows;
                    for (var e = 0; e < iz_t.length; e++) {
                        var iz_td = iz_t[e].cells;
                        if (iz_td[0].getElementsByTagName("INPUT")[0].value != "") {
                            iz = iz + "{";
                            iz = iz + "\"id\":" + iz_td[0].getElementsByTagName("INPUT")[0].value + ",";
                            iz = iz + "\"name\": \"" + iz_td[1].getElementsByTagName("INPUT")[0].value + "\",";
                            iz = iz + "\"url\":\"" + iz_td[2].getElementsByTagName("INPUT")[0].value + "\",";
                            iz = iz + "\"target\":\"" + iz_td[3].getElementsByTagName("INPUT")[0].value + "\"";
                            iz = iz + "}";

                            if (e < iz_t.length - 1) {

                                iz = iz + ",";
                            }
                        }
                    }
                    if (iz.substr(iz.length - 1, 1) == ",") {
                        iz = iz.substr(0, (iz.length - 1));
                    }
                    iz = iz + "]";
                    console.log("iz:" + iz);
                    document.getElementById("item_2D").value = iz;

                    var str_mst_ls_items = document.getElementById("item_2D").value;
                    var co_system = document.getElementById("item_3D").value;
                    var no_system = document.getElementById("item_4D").value;

                    var cnt_titulo = document.getElementById("item_5D").value;
                    var cnt_pag_width = document.getElementById("item_6D").value;
                    var cnt_pag_t1_width = document.getElementById("item_7D").value;
                    var cnt_pag_t2_width = document.getElementById("item_8D").value;

                    var url = "../Configurator?xact=2&mst_no_nombre=" + mst_no_nombre + "&co_system=" + co_system + "&no_system=" + no_system + "&cnt_titulo=" + cnt_titulo + "&cnt_pag_width=" + cnt_pag_width + "&cnt_pag_t1_width=" + encodeURI(cnt_pag_t1_width) + "&cnt_pag_t2_width=" + encodeURI(cnt_pag_t2_width) + "&str_mst_ls_items=" + str_mst_ls_items;
                    console.log(url);
                    var rpta = getjsonfromurl(new getXMLObject(), url);
                    if (rpta != null) {
                        console.log("Retorno:" + rpta);
                        if (rpta.result == "OK") {
                            document.getElementById("item_1C").innerHTML = document.getElementById("item_1D").value;
                            //---------------------------------------
//                            document.getElementById("item_2A").innerHTML = document.getElementById("item_2B").value;
//                            document.getElementById("item_2D").value = iz;
                            runmultiline();
                            //------------------------------
                            document.getElementById("item_3A").innerHTML = document.getElementById("item_3B").options[document.getElementById("item_3B").options.selectedIndex].innerHTML
                            document.getElementById("item_4A").innerHTML = document.getElementById("item_4B").value;
                            document.getElementById("item_5A").innerHTML = document.getElementById("item_5B").value;
                            document.getElementById("item_6A").innerHTML = document.getElementById("item_6B").value;
                            document.getElementById("item_7A").innerHTML = document.getElementById("item_7B").value;
                            document.getElementById("item_8A").innerHTML = document.getElementById("item_8B").value;
                            console.log("Actualizado correctamente");
                        } else {
                            alert("Ha sucedido un error!");
                        }
                    }

                    var columnasA = document.getElementById("az_pagina_2").getElementsByClassName("eE_body_bloque_body_table_td1_escritura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_lectura");
                        } catch (ep) {
                        }
                    }

                    //--------------------------------------
                    document.getElementById("item_1C").style.display = "inline-block";
                    document.getElementById("item_1D").style.display = "none";
                    //*******************************
                    document.getElementById("item_2C_A").style.display = "inline-block";
                    document.getElementById("item_2C_B").style.display = "none";
//                    document.getElementById("item_2D").style.display = "none";
                    //*******************************
                    document.getElementById("item_3C").style.display = "inline-block";
                    document.getElementById("item_3D").style.display = "none";
                    //*******************************
                    document.getElementById("item_4C").style.display = "inline-block";
                    document.getElementById("item_4D").style.display = "none";
                    //*******************************
                    document.getElementById("item_5C").style.display = "inline-block";
                    document.getElementById("item_5D").style.display = "none";
                    //*******************************
                    document.getElementById("item_6C").style.display = "inline-block";
                    document.getElementById("item_6D").style.display = "none";
                    //*******************************
                    document.getElementById("item_7C").style.display = "inline-block";
                    document.getElementById("item_7D").style.display = "none";
                    //*******************************
                    document.getElementById("item_8C").style.display = "inline-block";
                    document.getElementById("item_8D").style.display = "none";
                    //*******************************


                    az_btn.setAttribute("role", "edit");
                    az_btn.innerHTML = "Editar";
                }
            }

            function runmultiline() {
                var js = JSON.parse(document.getElementById("item_2D").value);
                var it_lectura = document.getElementById("item_2C_A");
                var it_escritura = document.getElementById("item_2C_B");



                var itl_lectura_body = '<div style="display: table">';
                for (var i = 0; i < js.length; i++) {
                    itl_lectura_body = itl_lectura_body + '<div style = "display: table-row" >';
                    itl_lectura_body = itl_lectura_body + '<div style = "display: table-cell;padding: 2px 5px 2px 0;" >';
                    itl_lectura_body = itl_lectura_body + js[i].name;
                    itl_lectura_body = itl_lectura_body + '</div>';
                    itl_lectura_body = itl_lectura_body + '<div style = "display: table-cell" >';
                    itl_lectura_body = itl_lectura_body + js[i].url;
                    itl_lectura_body = itl_lectura_body + '</div>';
                    itl_lectura_body = itl_lectura_body + '</div>';
                }
                itl_lectura_body = itl_lectura_body + '</div>';
                it_lectura.innerHTML = itl_lectura_body;

                var it_escritura_body = "";
                it_escritura_body = it_escritura_body + "<table>";
                for (var i = 0; i < js.length; i++) {
                    it_escritura_body = it_escritura_body + "<tr>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 10px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + js[i].id + "\"  style=\"width: 10px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 50px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + js[i].name + "\" style=\"width: 50px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 100px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + js[i].url + "\" style=\"width: 100px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 50px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + js[i].target + "\" style=\"width: 50px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "</tr>";
                }
                for (var i = 0; i < 3; i++) {
                    it_escritura_body = it_escritura_body + "<tr>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 10px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + "" + "\"  style=\"width: 10px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 50px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + "" + "\" style=\"width: 50px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 100px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + "" + "\" style=\"width: 100px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "<td style=\"width: 50px; font-size: 10px; padding: 1px;\">";
                    it_escritura_body = it_escritura_body + "<input type=\"text\" value=\"" + "" + "\" style=\"width: 50px; font-size: 10px; padding: 1px;\" class=\"az_text\"/>";
                    it_escritura_body = it_escritura_body + "</td>";
                    it_escritura_body = it_escritura_body + "</tr>";
                }
                it_escritura_body = it_escritura_body + "</table>";

                it_escritura.innerHTML = it_escritura_body;
            }

            function runmultiline2(cs) {
                var js = JSON.parse(document.getElementById("item_2D").value);
//                var no_view_co_system = "";
                var it_lectura = document.getElementById("item_3D");
                var it_lectura_body = "";
                for (var i = 0; i < js.length; i++) {

                    it_lectura_body = it_lectura_body + "<option value=\"" + js[i].id + "\" ";
                    if (js[i].id == cs) {
                        it_lectura_body = it_lectura_body + " selected";
                        document.getElementById("item_3C").innerHTML = js[i].name;
                    }
                    it_lectura_body = it_lectura_body + " >" + js[i].name + "</option>";

                }

                it_lectura.innerHTML = it_lectura_body;


            }

            function basic_btn3(az_btn) {
                var status = az_btn.getAttribute("role");
                if (status == "edit") {
                    var columnasA = document.getElementById("az_pagina_3").getElementsByClassName("eE_body_bloque_body_table_td1_lectura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_escritura");
                        } catch (ep) {
                        }
                    }
                    //------------------
                    document.getElementById("item_1E").style.display = "none";
                    document.getElementById("item_1F").style.display = "inline";

                    az_btn.setAttribute("role", "save")
                    az_btn.innerHTML = "Grabar"
                } else {
                    var co_modo = document.getElementById("item_1F").value;

                    var url = "../Configurator?xact=3&co_modo=" + co_modo;
                    console.log(url);
                    var rpta = getjsonfromurl(new getXMLObject(), url);
                    if (rpta != null) {
                        console.log("Retorno:" + rpta);
                        if (rpta.result == "OK") {
                            //------------------------------
                            document.getElementById("item_1E").innerHTML = document.getElementById("item_1F").options[document.getElementById("item_1F").options.selectedIndex].innerHTML;
                            console.log("Actualizado correctamente");
                        } else {
                            alert("Ha sucedido un error!");
                        }
                    }

                    var columnasA = document.getElementById("az_pagina_3").getElementsByClassName("eE_body_bloque_body_table_td1_escritura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_lectura");
                        } catch (ep) {
                        }
                    }

                    //--------------------------------------
                    document.getElementById("item_1E").style.display = "inline-block";
                    document.getElementById("item_1F").style.display = "none";
                    //*******************************

                    az_btn.setAttribute("role", "edit");
                    az_btn.innerHTML = "Editar";
                }
            }

            function basic_btn4(az_btn) {
                var status = az_btn.getAttribute("role");
                if (status == "edit") {
                    var columnasA = document.getElementById("az_pagina_4").getElementsByClassName("eE_body_bloque_body_table_td1_lectura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_escritura");
                        } catch (ep) {
                        }
                    }
                    //------------------
                    document.getElementById("item_1G").style.display = "none";
                    document.getElementById("item_1H").style.display = "inline";
                    //*******************************
                    document.getElementById("item_2G").style.display = "none";
                    document.getElementById("item_2H").style.display = "inline";
                    //*******************************

                    az_btn.setAttribute("role", "save")
                    az_btn.innerHTML = "Grabar"
                } else {
                    var formato = document.getElementById("item_1H").value;
                    var level = document.getElementById("item_2H").value;

                    var url = "../Configurator?xact=4&level=" + level + "&formato=" + encodeURI(formato);
                    console.log(url);
                    var rpta = getjsonfromurl(new getXMLObject(), url);
                    if (rpta != null) {
                        console.log("Retorno:" + rpta);
                        if (rpta.result == "OK") {
                            //------------------------------
                            document.getElementById("item_1G").innerHTML = document.getElementById("item_1H").value;
                            document.getElementById("item_2G").innerHTML = document.getElementById("item_2H").options[document.getElementById("item_2H").options.selectedIndex].innerHTML;
                            console.log("Actualizado correctamente");
                        } else {
                            alert("Ha sucedido un error!");
                        }
                    }

                    var columnasA = document.getElementById("az_pagina_4").getElementsByClassName("eE_body_bloque_body_table_td1_escritura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_lectura");
                        } catch (ep) {
                        }
                    }

                    //--------------------------------------
                    document.getElementById("item_1G").style.display = "inline-block";
                    document.getElementById("item_1H").style.display = "none";
                    //*******************************
                    document.getElementById("item_2G").style.display = "inline-block";
                    document.getElementById("item_2H").style.display = "none";
                    //*******************************

                    az_btn.setAttribute("role", "edit");
                    az_btn.innerHTML = "Editar";
                }
            }

            function basic_btn5(az_btn) {
                var status = az_btn.getAttribute("role");
                if (status == "edit") {
                    var columnasA = document.getElementById("az_pagina_5").getElementsByClassName("eE_body_bloque_body_table_td1_lectura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_escritura");
                        } catch (ep) {
                        }
                    }
                    //------------------
                    document.getElementById("item_1I").style.display = "none";
                    document.getElementById("item_1J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_2I").style.display = "none";
                    document.getElementById("item_2J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_3I").style.display = "none";
                    document.getElementById("item_3J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_4I").style.display = "none";
                    document.getElementById("item_4J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_5I").style.display = "none";
                    document.getElementById("item_5J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_6I").style.display = "none";
                    document.getElementById("item_6J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_7I").style.display = "none";
                    document.getElementById("item_7J").style.display = "inline";
                    //*******************************
                    document.getElementById("item_8I").style.display = "none";
                    document.getElementById("item_8J").style.display = "inline";
                    //*******************************

                    az_btn.setAttribute("role", "save")
                    az_btn.innerHTML = "Grabar"
                } else {
                    var correo = document.getElementById("item_1J").value;
                    var smtp_host = document.getElementById("item_2J").value;
                    var smtp_localhost = document.getElementById("item_3J").value;
                    var twitter = document.getElementById("item_4J").value;
                    var consumerKey = document.getElementById("item_5J").value;
                    var consumerSecret = document.getElementById("item_6J").value;
                    var twitterToken = document.getElementById("item_7J").value;
                    var twitterTokenSecret = document.getElementById("item_8J").value;

                    var url = "../Configurator?xact=5&correo=" + correo + "&smtp_host=" + smtp_host + "&smtp_localhost=" + smtp_localhost + "&twitter=" + twitter + "&consumerKey=" + consumerKey + "&consumerSecret=" + consumerSecret + "&twitterToken=" + twitterToken + "&twitterTokenSecret=" + twitterTokenSecret;
                    console.log(url);
                    var rpta = getjsonfromurl(new getXMLObject(), url);
                    if (rpta != null) {
                        console.log("Retorno:" + rpta);
                        if (rpta.result == "OK") {
                            //------------------------------
                            document.getElementById("item_1I").innerHTML = document.getElementById("item_1J").options[document.getElementById("item_1J").options.selectedIndex].innerHTML;
                            document.getElementById("item_2I").innerHTML = document.getElementById("item_2J").value;
                            document.getElementById("item_3I").innerHTML = document.getElementById("item_3J").value;
                            document.getElementById("item_4I").innerHTML = document.getElementById("item_4J").options[document.getElementById("item_4J").options.selectedIndex].innerHTML;
                            document.getElementById("item_5I").innerHTML = document.getElementById("item_5J").value;
                            document.getElementById("item_6I").innerHTML = document.getElementById("item_6J").value;
                            document.getElementById("item_7I").innerHTML = document.getElementById("item_7J").value;
                            document.getElementById("item_8I").innerHTML = document.getElementById("item_8J").value;
                            console.log("Actualizado correctamente");
                        } else {
                            alert("Ha sucedido un error!");
                        }
                    }

                    var columnasA = document.getElementById("az_pagina_5").getElementsByClassName("eE_body_bloque_body_table_td1_escritura");
                    for (var i = columnasA.length; i > 0; i--) {
                        try {
                            columnasA[(i - 1)].setAttribute("class", "eE_body_bloque_body_table_td1_lectura");
                        } catch (ep) {
                        }
                    }

                    //--------------------------------------
                    document.getElementById("item_1I").style.display = "inline-block";
                    document.getElementById("item_1J").style.display = "none";
                    //*******************************
                    document.getElementById("item_2I").style.display = "inline-block";
                    document.getElementById("item_2J").style.display = "none";
                    //*******************************
                    document.getElementById("item_3I").style.display = "inline-block";
                    document.getElementById("item_3J").style.display = "none";
                    //*******************************
                    document.getElementById("item_4I").style.display = "inline-block";
                    document.getElementById("item_4J").style.display = "none";
                    //*******************************
                    document.getElementById("item_5I").style.display = "inline-block";
                    document.getElementById("item_5J").style.display = "none";
                    //*******************************
                    document.getElementById("item_6I").style.display = "inline-block";
                    document.getElementById("item_6J").style.display = "none";
                    //*******************************
                    document.getElementById("item_7I").style.display = "inline-block";
                    document.getElementById("item_7J").style.display = "none";
                    //*******************************
                    document.getElementById("item_8I").style.display = "inline-block";
                    document.getElementById("item_8J").style.display = "none";
                    //*******************************

                    az_btn.setAttribute("role", "edit");
                    az_btn.innerHTML = "Editar";
                }
            }


            function update_item(az_item, az_item2) {
                console.log("a punto de cambiar de:" + document.getElementById(az_item2).innerHTML + " , a:" + az_item.options[az_item.options.selectedIndex].innerHTML);
                document.getElementById(az_item2).innerHTML = az_item.options[az_item.options.selectedIndex].innerHTML;
            }

        </script>
        <script language="JavaScript" src="../js/wfutil1.5.0.0.js?1" type="text/javascript"></script>
    </head>
    <body>
        <div class="aE_head">
            <span style="color: #555; font-size: 20px; line-height: 50px; padding: 5px 5px 5px 9px;">
                Módulo de configuración del Workflow 2.1.0 rev325
            </span>
        </div>
        <div id="az_body" style="">
            <div id="az_body_principal" style=" box-sizing: border-box; margin: 0 auto; padding: 30px 20px 1px; width: 1200px; width: auto !important;">
                <div id="az_body_principal_marco1">
                    <div id="az_body_principal_marco1_centrado" style="margin-left: auto; margin-right: auto;">

                        <div id="az_body_principal_contenido" style="width: 940px;margin-left: auto; margin-right: auto;">

                            <div id="az_body_principal_columna" class="az_body_principal_columna">
                                <div id="az_pagina_1" class="eE_panel">
                                    <div id="az_pagina_contenedor" class="az_pagina_contenedor">
                                        <div id="az_pagina_contenedor_interno" class="az_pagina_contenedor_interno">
                                            <div class="eE_header">
                                                <div style="padding-bottom: 7px;">
                                                    <div class="eE_header_title">
                                                        CONFIGURACIÓN
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="eE_body">
                                                <div style="margin: 0 20px 17px;">
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">
                                                            Comportamiento
                                                        </div>
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Logeo
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_1A" class="az_text_lectura" >${CFG.ms_login?'Maestro':'Esclavo'}</div>
                                                                        <select id="item_1B" class="az_text" style="display: none" onchange="update_item(this, 'item_1A')">
                                                                            <option value="true" ${CFG.ms_login?'selected':''}>Maestro</option>
                                                                            <option value="false" ${!CFG.ms_login?'selected':''}>Esclavo</option>
                                                                        </select>
                                                                        <!--<span class="az_icono_informativo" title="workflow.master_login"></span>-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Url
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_2A" class="az_text_lectura" >192.168.100.131</div>
                                                                        <input id="item_2B" type="text" class="az_text" style="display: none"  value="${CFG.ms_host}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Redireccionamiento
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_3A" class="az_text_lectura" >${CFG.wf_filter?'Activado':'Desactivado'}</div>
                                                                        <select id="item_3B" class="az_text" style="display: none" onchange="update_item(this, 'item_3A')">
                                                                            <option value="true" ${CFG.wf_filter?'selected':''}>Activado</option>
                                                                            <option value="false" ${!CFG.wf_filter?'selected':''}>Desactivado</option>
                                                                        </select>
                                                                        <!--<span class="az_icono_informativo" title="workflow.master_login_url"></span>-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Host
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_4A" class="az_text_lectura" >${CFG.wf_filter_host}</div>
                                                                        <input id="item_4B"  type="text" class="az_text" style="display: none"  value="${CFG.wf_filter_host}">
                                                                        <!--<span class="az_icono_informativo" title="workflow.host"></span>-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Módulo por defecto
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_5A" class="az_text_lectura" >${CFG.wf_modini}</div>
                                                                        <input id="item_5B" type="text" class="az_text" style="display: none" value="${CFG.wf_modini}">
                                                                        <!--<span class="az_icono_informativo" title="workflow.modini"></span>-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Replicación
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_6A" class="az_text_lectura" >${CFG.wf_reply?'Activado':'Desactivado'}</div>
                                                                        <select id="item_6B" class="az_text" style="display: none" onchange="update_item(this, 'item_6A')">
                                                                            <option value="true" ${CFG.wf_reply?'selected':''}>Activado</option>
                                                                            <option value="false" ${!CFG.wf_reply?'selected':''}>Desactivado</option>
                                                                        </select>
                                                                        <!--<span class="az_icono_informativo" title="workflow.replicacion"></span>-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Script
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_7A" class="az_text_lectura" >${CFG.wf_reply_script}</div>
                                                                        <input id="item_7B" type="text" class="az_text" style="display: none" value="${CFG.wf_reply_script}">
                                                                        <!--<span class="az_icono_informativo" title="workflow.replicacion_script"></span>-->
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">
                                                            Cookies
                                                        </div>
                                                        <div class="eE_body_bloque_body" style="color: #aaa">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Nombre
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_8A" class="az_text_lectura" >${CFG.cookie_name}</div>
                                                                        <input id="item_8B" type="text" class="az_text" style="display: none" value="${CFG.cookie_name}">
                                                                        <!--<span class="az_icono_informativo" title="workflow.login.cookie.name"></span>-->
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Dominio
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_9A" class="az_text_lectura" >${CFG.cookie_domain}</div>
                                                                        <input id="item_9B" type="text" class="az_text" style="display: none" value="${CFG.cookie_domain}">
                                                                        <!--<span class="az_icono_informativo" title="workflow.master_login_cookie_domain"></span>-->
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="az_fotter" style="margin: 0 20px 17px;">
                                                <div id="az_fotter_botones">
                                                    <button id="az_btn1" class="az_btn" style="" onclick="basic_btn(this)" role="edit">Editar</buton >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="az_pagina_2" class="eE_panel">
                                    <div id="az_pagina_contenedor" class="az_pagina_contenedor">
                                        <div id="az_pagina_contenedor_interno" class="az_pagina_contenedor_interno">
                                            <div class="eE_header">
                                                <div style="padding-bottom: 7px;">
                                                    <div class="eE_header_title">
                                                        APLICACIÓN
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="eE_body">
                                                <div style="margin: 0 20px 17px;">
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">
                                                            Head
                                                        </div>  
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Nombre de grupo
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_1C" class="az_text_lectura" >${CFG.mst_no_nombre}</div>
                                                                        <input id="item_1D" type="text" class="az_text" style="display: none" value="${CFG.mst_no_nombre}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Sistemas
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2_multiline">
                                                                        <div id="item_2C_A" style="">
                                                                        </div>
                                                                        <div id="item_2C_B" style="display:none">

                                                                        </div>
                                                                        <input id="item_2D" type="hidden" value='${CFG.str_mst_ls_items}'/>
                                                                        <script>
                                                                            runmultiline();
                                                                        </script>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Sistema
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">                                                                        
                                                                        <div id="item_3C" class="az_text_lectura" ></div>
                                                                        <select id="item_3D" class="az_text" style="display: none" onchange="update_item(this)">
                                                                        </select>
                                                                        <script>
                                                                            runmultiline2('${CFG.co_system}');
                                                                        </script>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Nombre de sistema
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_4C" class="az_text_lectura" >${CFG.no_system}</div>
                                                                        <input id="item_4D" type="text" class="az_text" style="display: none" value="${CFG.no_system}">
                                                                    </td>
                                                                </tr>

                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">
                                                            Comportamiento - Interno
                                                        </div>  
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Titúlo
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_5C" class="az_text_lectura" >${CFG.cnt_titulo}</div>
                                                                        <input id="item_5D" type="text" class="az_text" style="display: none" value="${CFG.cnt_titulo}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Width
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_6C" class="az_text_lectura" >${CFG.cnt_pag_width}</div>
                                                                        <input id="item_6D" type="text" class="az_text" style="display: none" value="${CFG.cnt_pag_width}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Porción Left
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_7C" class="az_text_lectura" >${CFG.cnt_pag_t1_width}</div>
                                                                        <input id="item_7D" type="text" class="az_text" style="display: none" value="${CFG.cnt_pag_t1_width}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Porció Right
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_8C" class="az_text_lectura" >${CFG.cnt_pag_t2_width}</div>
                                                                        <input id="item_8D" type="text" class="az_text" style="display: none" value="${CFG.cnt_pag_t2_width}">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                            <div id="az_fotter" style="margin: 0 20px 17px;">
                                                <div id="az_fotter_botones">
                                                    <button id="az_btn2" class="az_btn" style="" onclick="basic_btn2(this)" role="edit">Editar</buton >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="az_body_principal_columna_2">
                                <div id="az_pagina_3" class="eE_panel">
                                    <div id="az_pagina_contenedor" class="az_pagina_contenedor">
                                        <div id="az_pagina_contenedor_interno" class="az_pagina_contenedor_interno">
                                            <div class="eE_header">
                                                <div style="padding-bottom: 7px;">
                                                    <div class="eE_header_title">
                                                        OPCIONES DE DESARROLLO
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="eE_body">
                                                <div style="margin: 0 20px 17px;">
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">

                                                        </div>
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Estado
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2" test="${CFG.co_modo }">
                                                                        <div id="item_1E" class="az_text_lectura" >${(CFG.co_modo == '0')?'Desactivado':'Activado'}</div>
                                                                        <select id="item_1F" class="az_text" style="display: none" onchange="update_item(this, 'item_1E')">
                                                                            <option value="1" ${(CFG.co_modo == '1')?'selected':''}>Activado</option>
                                                                            <option value="0" ${(CFG.co_modo == '0') ?'selected':''}>Desactivado</option>
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="az_fotter" style="margin: 0 20px 17px;">
                                                <div id="az_fotter_botones">
                                                    <button id="az_btn3" class="az_btn" style="" onclick="basic_btn3(this)" role="edit">Editar</buton >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="az_pagina_4" class="eE_panel">
                                    <div id="az_pagina_contenedor" class="az_pagina_contenedor">
                                        <div id="az_pagina_contenedor_interno" class="az_pagina_contenedor_interno">
                                            <div class="eE_header">
                                                <div style="padding-bottom: 7px;">
                                                    <div class="eE_header_title">
                                                        LOG
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="eE_body">
                                                <div style="margin: 0 20px 17px;">
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">

                                                        </div>
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        log.formato
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_1G" class="az_text_lectura" >[%d{dd-MM-yyyy hh:mm:ss}][WF]%m%n %n</div>
                                                                        <input id="item_1H" type="text" class="az_text" style="display: none" value="[%d{dd-MM-yyyy hh:mm:ss}][WF]%m%n %n">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        log.level
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_2G" class="az_text_lectura" >${CFG.log_level}</div>
                                                                        <select id="item_2H" class="az_text" style="display: none" onchange="update_item(this, 'item_2G')">
                                                                            <option value="ALL" ${CFG.log_level=='ALL'?'selected':''}>ALL(todo)</option>
                                                                            <option value="INFO" ${!CFG.log_level=='INFO'?'selected':''}>INFO</option>
                                                                            <option value="DEBUG" ${!CFG.log_level=='DEBUG'?'selected':''}>DEBUG</option>
                                                                            <option value="ERROR" ${!CFG.log_level=='ERROR'?'selected':''}>ERROR</option>
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="az_fotter" style="margin: 0 20px 17px;">
                                                <div id="az_fotter_botones">
                                                    <button id="az_btn4" class="az_btn" style="" onclick="basic_btn4(this)" role="edit">Editar</buton >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="az_pagina_5" class="eE_panel">
                                    <div id="az_pagina_contenedor" class="az_pagina_contenedor">
                                        <div id="az_pagina_contenedor_interno" class="az_pagina_contenedor_interno">
                                            <div class="eE_header">
                                                <div style="padding-bottom: 7px;">
                                                    <div class="eE_header_title">
                                                        SERVICIOS
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="eE_body">
                                                <div style="margin: 0 20px 17px;">
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">
                                                            Correo
                                                        </div>
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Estado
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_1I" class="az_text_lectura" >${CFG.servicio_correo?'Activado':'Desactivado'}</div>
                                                                        <select id="item_1J" class="az_text" style="display: none" onchange="update_item(this, 'item_1I')">
                                                                            <option value="true" ${CFG.servicio_correo?'selected':''}>Activado</option>
                                                                            <option value="false" ${!CFG.servicio_correo?'selected':''}>Desactivado</option>
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        mail.smtp.host
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_2I" class="az_text_lectura" >${CFG.smtp_host}</div>
                                                                        <input id="item_2J" type="text" class="az_text" style="display: none" value="${CFG.smtp_host}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        mail.smtp.localhost
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_3I" class="az_text_lectura" >${CFG.smtp_localhost}</div>
                                                                        <input id="item_3J" type="text" class="az_text" style="display: none" value="${CFG.smtp_localhost}">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="eE_body_bloque">
                                                        <div class="eE_body_bloque_subtitle">
                                                            Twitter
                                                        </div>
                                                        <div class="eE_body_bloque_body">
                                                            <table style="border-spacing:0;width: 100%;">
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        Estado
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_4I" class="az_text_lectura" >${CFG.servicio_twitter?'Activado':'Desactivado'}</div>
                                                                        <select id="item_4J" class="az_text" style="display: none" onchange="update_item(this, 'item_4I')">
                                                                            <option value="true" ${CFG.servicio_twitter?'selected':''}>Activado</option>
                                                                            <option value="false" ${!CFG.servicio_twitter?'selected':''}>Desactivado</option>
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        consumerKey
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_5I" class="az_text_lectura" >${CFG.consumerKey}</div>
                                                                        <input id="item_5J" type="text" class="az_text" style="display: none" value="${CFG.consumerKey}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        consumerSecret
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_6I" class="az_text_lectura" >${CFG.consumerSecret}</div>
                                                                        <input id="item_6J" type="text" class="az_text" style="display: none" value="${CFG.consumerSecret}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        twitterToken
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_7I" class="az_text_lectura" >${CFG.twitterToken}</div>
                                                                        <input id="item_7J" type="text" class="az_text" style="display: none" value="${CFG.twitterToken}">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="eE_body_bloque_body_table_td1_lectura">
                                                                        twitterTokenSecret
                                                                    </td>
                                                                    <td class="eE_body_bloque_body_table_td2">
                                                                        <div id="item_8I" class="az_text_lectura" >${CFG.twitterTokenSecret}</div>
                                                                        <input id="item_8J" type="text" class="az_text" style="display: none" value="${CFG.twitterTokenSecret}">
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="az_fotter" style="margin: 0 20px 17px;">
                                                <div id="az_fotter_botones">
                                                    <button id="az_btn5" class="az_btn" style="" onclick="basic_btn5(this)" role="edit">Editar</buton >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
